<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
    <title>系统首页</title>
    <!--设置title Icon -->
    <link rel="icon" th:href="@{/dist/source/favicon.ico}" type="image/x-icon" >
    <link rel="shortcut icon" th:href="@{/dist/source/favicon.ico}" type="image/x-icon" />
    <!--设置全局滑动块样式-->
    <link rel="stylesheet" type="text/css" th:href="@{/dist/css/indexScro.css}"/>
    <style>
        body{
            margin: 0;
        }
        .video-player{
            background-color: transparent;
            min-width: 100%;
            min-height: 100%;
            display: block;
            position: absolute;
            z-index: 1;
            height: auto;
            left: 0;
            top: 0;
        }
        #main{
            z-index: 10;
            position: absolute;
            left: 30%;
            top: 20%;
            width: 40%;
            background-color: rgba(0,0,0,0.5);
            border-radius: 8px;
            border: 1px solid slategrey
        }
        #main>p{
            color: azure;
            margin-left: 10px;
            text-align: left;
            font-size: 28px;
            margin-bottom: 10px;
        }
        #main>p>a{
            font-weight: bold;
            color: chartreuse;
            font-style: italic;
        }
        address>img{
            float: left;
            width: 20%;
            padding-left: 2%;
            margin-bottom: 10px;
        }
        address>div{
            float: left;
            font-size: 20px;
            width: 76%;
            margin-left: 2%;
            color: azure;
            margin-top: 20px;
        }
        address>div>a{
            color: chartreuse;
        }
    </style>
</head>
<body>
<video class="video-player" preload="auto" autoplay="autoplay" loop="loop" data-height="100%" data-width="100%" height="100%" width="100%">
    <source th:src="@{/dist/source/backGround.mp4}" type="video/mp4">
    <!-- 此视频文件为支付宝所有，在此仅供样式参考，如用到商业用途，请自行更换为其他视频或图片，否则造成的任何问题使用者本人承担，谢谢 -->
</video>
<div id="main">
    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;感谢大家使用基于<a href="http://projects.spring.io/spring-boot/" target="_blank">springboot</a> + <a href="http://projects.spring.io/spring-security/" target="_blank">spring security</a> +<a  href="http://docs.spring.io/spring/docs/current/javadoc-api/org/springframework/jdbc/core/JdbcTemplate.html" target="_blank">jdbcTemplate</a>+<a  href="http://www.thymeleaf.org/" target="_blank">thymeleaf</a> +<a href="https://swagger.io/swagger-ui/" target="_blank">swagger</a> 的一套网站展示+微服务快速开发架构。</p>
    <address>
        <img th:src="@{/dist/images/hupeng.JPG}">
        <div>
            Written by 胡鹏<br/>
            750577590@qq.com <a href="mailto:750577590@qq.com">Email us</a><br/>
            Address: 武汉市东湖高新区南湖大道光谷时尚城<br/>
            Phone: 15391504922
        </div>
    </address>
</div>
<script type="text/javascript" th:src="@{/dist/js/index/index.js}"></script>
</body>
</html>